<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>converse</title>
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/libs/icont/iconfont.css">
    <script src="/libs/Jquery/jquery-3.4.1.min.js"></script>
    <script src="/libs/bootstrap/bootstrap.min.js"></script>
<body>
    <!-- 这是首页 -->
    <header></header>

    
    <div class="nav2">
        <p>加入converse会员玩享，畅享全部订单免费配送！点击了解更多会员福利</p>
    </div>
    <div class="banner" id="div1">
            <ul>
                    <li><a href="javascript:;"><img src="/images/banner.jpg" /></a></li>
                    <li><a href="javascript:;"><img src="/images/banner1.jpg" /></a></li>
                    <li><a href="javascript:;"><img src="/images/banner2.png" /></a></li>
                    <li><a href="javascript:;"><img src="/images/banner3.jpg" /></a></li>
                    <li><a href="javascript:;"><img src="/images/banner4.jpg" /></a></li>



                </ul>
               
                <a href="javascript:void(0);" class="unslider-arrow04 prev"><img class="arrow" id="al" src="/images/arrowl.png" alt="prev" width="20" height="35"></a>
                <a href="javascript:void(0);" class="unslider-arrow04 next"><img class="arrow" id="ar" src="/images/arrowr.png" alt="next" width="20" height="37"></a>
            
    </div>
    <div class="title1">
            <div class="content">
            <div class="line"></div>
        <p>热卖单品</p>
        <div class="line1"></div>
        <ul class="nav3">
                <li><a href="/html/list.html"><h4>男的踩的</h4><img src="/images/top_02.jpg" alt=""></a></li>
                <li><a href="/html/list.html"><h4>女的踩的</h4><img src="/images/top_01.jpg" alt=""></a></li>
                <li><a href="/html/list.html"><h4>穿的</h4><img src="/images/top_03.jpg" alt=""></a></li>
                <li><a href="/html/list.html"><h4>戴的</h4><img src="/images/top_04.jpg" alt=""></a></li>
                <div class="line2"></div>
        </ul>
        <!-- //开头商品列表 -->
        <ul class="goods" id='home-list'>
        </ul>
        <script type="text/html" id="home-template">
            {{each list item}}
            <li><a href="/html/information.html?id={{item.id}}"><img src="{{item.img_src}}" alt=""><h4>{{item.name}}</h4><h4>{{item.price}}</h4></a></li>
            {{/each}}
        </script>
                
        <div class="lookMore">
            查看所有女的最新商品
            <span></span>
        </div>
        </div>

    </div>
    <div class="title2">
        <div class="content">
        <div class="line1"></div>
    <p>新品推荐</p>
    <div class="line2"></div>

    <!-- 中间商品列表 -->
    <ul class="nav3" id='nav-list'>
        
    <script type='text/html' id='nav-template'>
        {{each nav item}}
        <li><a href=""><img src="{{item.img_src}}" alt=""><h4>{{item.name}}</h4><h4>{{item.price}}</h4></a></li>
        {{/each}}
    </script>
        <div class="line2"></div>
    </ul>
    <!-- 底部商品列表 -->
<ul class="goods" id='goods2-list'>
    <!-- <li><a href=""><img src="/images/top_02.jpg" alt=""><h4>男女同款</h4><h4>￥888</h4></a></li>
    <li><a href=""><img src="/images/top_02.jpg" alt=""><h4>男女同款</h4><h4>￥888</h4></a></li>
    <li><a href=""><img src="/images/top_02.jpg" alt=""><h4>男女同款</h4><h4>￥888</h4></a></li>
    <li><a href=""><img src="/images/top_02.jpg" alt=""><h4>男女同款</h4><h4>￥888</h4></a></li> -->

   
</ul>
<script type='text/html' id='goods2-template'>
    {{each goods item}}
    <li><a href=""><img src="{{item.img_src}}" alt=""><h4>{{item.name}}</h4><h4>{{item.price}}</h4></a></li>
    {{/each}}
</script>

    <div class="lookMore">
        查看更多新品推荐
        <span></span>
    </div>
    </div>

</div>

<div class="other1">
    <div class="content">
            <div class="bar">
                <span></span>
                    街头先行
             </div>
             <div class="box">
                 <div class="shoes">
                     <img src="images/shoe.jpg" alt="">
                     <p><b>他的想象，无限力量</b></p>
                     <div class="anymore">查看更多
                         <span></span>
                     </div>
                 </div>
                 <div class="shoes">
                        <img src="images/upnew.jpg" alt="">
                        <p><b>更多选择，更新登场</b></p>
                        <div class="anymore">查看更多
                            <span></span>
                        </div>
                    </div>
              
             </div>
    </div>
    
</div>
<div class="point">
    <div class="content">
            <h1>关注CONVERS</h1>
            <p>Converse同时活跃在各类社交网络平台，点击下列你所喜爱的常用社交平台，密切关注Converse的最新产品与资讯。</p>
            <div class="spans">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
        
            </div>
    </div>
   
</div>
<div class="content">
<div class="footlist">
            <dl>
                <dt><a href="">男的</a></dt>
                <dd><a href="">CHUCK TAYLOR ALL STAR</a></dd>
                <dd><a href="">CONVERSE CONS</a></dd>
                <dd><a href="">JACK PURCELL</a></dd>
                <dd><a href="">CHUCK II</a></dd>
                <dd></dd>
                <dd><a href="">踩的</a></dd>
                <dd><a href="">穿的</a></dd>
                <dd><a href="">戴的</a></dd>
                <dd><a href="">优惠</a></dd>
            </dl>
            <dl>
                    <dt><a href="">女的</a></dt>
                    <dd><a href="">CHUCK TAYLOR ALL STAR</a></dd>
                    <dd><a href="">CONVERSE CONS</a></dd>
                    <dd><a href="">JACK PURCELL</a></dd>
                    <dd><a href="">CHUCK II</a></dd>
                    <dd></dd>
                    <dd><a href="">踩的</a></dd>
                    <dd><a href="">穿的</a></dd>
                    <dd><a href="">戴的</a></dd>
                    <dd><a href="">优惠</a></dd>
                </dl>
                 <dl>
                        <dt><a href="">儿童</a></dt>
                        <dd><a href="">CHUCK TAYLOR ALL STAR</a></dd>
                        <dd><a href=""></a></dd>
                        <dd><a href=""></a></dd>
                        <dd><a href=""></a></dd>
                        <dd></dd>
                        <dd><a href="">踩的</a></dd>
                        <dd><a href="">穿的</a></dd>
                        <dd><a href="">戴的</a></dd>
                        <dd><a href="">优惠</a></dd>
                    </dl> 
                    <dl>
                            <dt><a href="">GLOBAL</a></dt>
                            <dd><a href="">CONVERSE GLOBAL SITES</a></dd>
                            <dd><a href=""></a></dd>
                            <dd><a href=""></a></dd>
                            <dd><a href=""></a></dd>
                            <dd></dd>
                            <dd><a href=""></a></dd>
                            <dd><a href=""></a></dd>
                            <dd><a href=""></a></dd>
                            <dd><a href=""></a></dd>
                        </dl>
                        <dl>
                                <dt><a href="">我的账户</a></dt>
                                <dd></dd>
                                <dd><a href="">会员中心</a></dd>
                                <dd><a href="">现有订单</a></dd>
                                <dd><a href="">过去订单</a></dd>
                                <dd><a href="">退换货</a></dd>
                                <dd><a href="">账户设置</a></dd>
                                <dd><a href="">地址簿</a></dd>
                                <dd><a href="">我的优惠券</a></dd>
                                <dd><a href="">我的收藏</a></dd>
                            </dl> <dl>
                                    <dt><a href="">帮助和购物指南</a></dt>
                                    <dd><a href=""></a></dd>
                                    <dd><a href="">账户</a></dd>
                                    <dd><a href="">订单</a></dd>
                                    <dd><a href="">尺码</a></dd>
                                    <dd><a href="">退货和换货</a></dd>

                                    <dd><a href="">换货</a></dd>
                                    <dd><a href="">配送</a></dd>
                                    <dd><a href="">联系我们</a></dd>
                                    <dd><a href="">常见问题</a></dd>
                                </dl> <dl>
                                        <dt><a href="">NIKE</a></dt>
                                        <dd><a href=""></a></dd>
                                        <dd><a href="">NIKE+</a></dd>
                                        <dd><a href="">JORDAN</a></dd>
                                        <dd><a href=""></a></dd>
                                        <dd></dd>
                                        <dd><a href=""></a></dd>
                                        <dd><a href=""></a></dd>
                                        <dd><a href=""></a></dd>
                                        <dd><a href=""></a></dd>
                                    </dl>
    </div>
</div>
<footer></footer>


<script src="/libs/requirejs/require.min.js" data-main="/js/index"></script>
</body>
</html>